<template>
  <div id="cesiumContainer">
  </div>
</template>

<script setup>
import * as Cesium from 'cesium'
import { onMounted, ref } from 'vue';
onMounted(() => {
  Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3ODAzN2EzOS1kZDMzLTQ5Y2UtYjYxMi1jMzQxNTdiMTUzN2IiLCJpZCI6NDU5NDIsImlhdCI6MTYxNTYyNDQyOX0.BucgmI6OJ-7ixj7rcQ_Qyg45DkvdHmaLrFwyMYitLcI'
  const viewer = new Cesium.Viewer("cesiumContainer", {
    // // widgets中的ui控件，这些一般都不显示
    // // 时间轴控件
    // timeline: false,
    // // 动画控件
    // animation: false,
    // // 右上方的底图控件
    // baseLayerPicker: false,
    // // 右上方的复位按钮
    // homeButton: false,
    // // 右上方的全屏按钮
    // fullscreenButton: false,
    // // 右上方的导航按钮
    // geocoder: false,
    // // 右上方的二三维切换按钮
    // sceneModePicker: true,
    // // 右上方的帮助按钮
    // navigationHelpButton: false,
    // // 用来做动画的shouldAnimate，是否让cesium的时钟正常的步进
    // shouldAnimate: true,
  });

})

</script>

<style scoped>
#cesiumContainer {
  width: 100vw;
  height: 100vh;
}

</style>